
#app{background-color:#fff
}
.m-video-banner{width:100%;height:690px;overflow:hidden;position:relative;background-position:50%
}
.m-video-banner img{height:690px;-webkit-animation:a linear 1.2s .3s;-moz-animation:a linear 1.2s .3s;animation:a linear 1.2s .3s;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;animation-fill-mode:forwards
}
.m-video-banner video{opacity:0;vertical-align:top
}
.m-video-banner .banner-video{opacity:1
}
@-webkit-keyframes a{
0%{-webkit-transform:scale(1);transform:scale(1)
}
to{-webkit-transform:scale(1.1);transform:scale(1.1)
}
}
@-moz-keyframes a{
0%{-moz-transform:scale(1);transform:scale(1)
}
to{-moz-transform:scale(1.1);transform:scale(1.1)
}
}
@keyframes a{
0%{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)
}
to{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);transform:scale(1.1)
}
}
.b-register-form{position:absolute;width:432px;height:436px;top:135px;right:18.75%
}
.b-register-form .b-title{font-size:22px
}
.b-register-form .form-field{font-size:16px
}
.b-register-form .form-field .theme-register-dark .b-field-input .value{font-size:15px!important
}
.m-brand-tags{height:340px;background-color:#fff;text-align:center
}
.l-tags-container{padding-top:40px;margin:0 auto;display:inline-block;text-align:center
}
.b-tag{display:inline-block;width:200px;margin-right:50px
}
.b-tag:last-child{margin-right:0
}
.b-tag img{width:100px;margin:0 auto 7px;height:100px
}
.b-tag img:hover{-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px);-webkit-transition:-webkit-transform .3s linear;transition:-webkit-transform .3s linear;-moz-transition:transform linear .3s,-moz-transform linear .3s;transition:transform .3s linear;transition:transform .3s linear,-webkit-transform .3s linear,-moz-transform .3s linear;-webkit-animation:b linear 1.2s .3s infinite;-moz-animation:b linear 1.2s .3s infinite;animation:b linear 1.2s .3s infinite
}
.b-tag h4{color:#333;font-size:20px;line-height:28px;margin-bottom:8px
}
.b-tag p{width:200px;color:#999;font-size:14px;line-height:20px
}
@-webkit-keyframes b{
0%{-webkit-transform:translateY(-10px);transform:translateY(-10px)
}
25%{-webkit-transform:translateY(-15px);transform:translateY(-15px)
}
50%{-webkit-transform:translateY(-10px);transform:translateY(-10px)
}
75%{-webkit-transform:translateY(-5px);transform:translateY(-5px)
}
to{-webkit-transform:translateY(-10px);transform:translateY(-10px)
}
}
@-moz-keyframes b{
0%{-moz-transform:translateY(-10px);transform:translateY(-10px)
}
25%{-moz-transform:translateY(-15px);transform:translateY(-15px)
}
50%{-moz-transform:translateY(-10px);transform:translateY(-10px)
}
75%{-moz-transform:translateY(-5px);transform:translateY(-5px)
}
to{-moz-transform:translateY(-10px);transform:translateY(-10px)
}
}
@keyframes b{
0%{-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);transform:translateY(-10px)
}
25%{-webkit-transform:translateY(-15px);-moz-transform:translateY(-15px);transform:translateY(-15px)
}
50%{-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);transform:translateY(-10px)
}
75%{-webkit-transform:translateY(-5px);-moz-transform:translateY(-5px);transform:translateY(-5px)
}
to{-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);transform:translateY(-10px)
}
}
.m-scroll-party{height:500px
}
.m-zhenai-get{height:1170px;width:100%;background:url(../images/good-members-bg.657034d.png) no-repeat;background-position:0 0;background-size:100% 100%;position:relative;padding-top:163px
}
.m-zhenai-get h2{color:#333;font-size:48px;line-height:56px;text-align:center
}
.m-red-girl{height:530px
}
.m-handsome-boy{width:100%;height:500px
}
.m-red-girl-service{height:1572px
}
.m-self-help{height:978px;position:relative;z-index:3
}
.blue-slide-block{height:380px;width:380px;background-color:RGBA(156,142,240,.4);position:absolute;top:298px;right:305px
}
.bg-grep-block{width:913px;height:578px;background-color:RGBA(240,240,241,.4);position:absolute;top:263px;left:0;z-index:1
}
.grep-slide-block{height:280px;width:280px;background-color:RGBA(189,189,189,.4);position:absolute;top:100px;left:230px;z-index:2
}
.m-couple{height:500px
}
.m-true-love{height:959px;background:url(../images/bg.c2bd63a.png) no-repeat;background-size:100%
}
.m-true-love h2{color:#333;font-size:48px;line-height:100px
}
.b-true-love-title{padding-top:186px;padding-left:40px;margin-bottom:120px
}
.m-get-marry{height:400px;width:100%;text-align:center;color:#fff
}
.m-get-marry h4{font-size:30px;line-height:42px;margin-bottom:15px;font-weight:500
}
.m-get-marry p{font-size:20px;line-height:28px;margin-bottom:40px
}
.m-get-marry .qr-code{width:136px;height:136px;border:3px solid #fff;margin:0 auto 12px
}
.b-get-app{width:62.39583%;height:100%;padding-top:53px;background:url(../images/get-app.5ab3560.png) 100% no-repeat;background-size:100% 100%
}
.b-get-app span{font-size:16px;line-height:22px;color:#fff
}
.b-get-another{height:100%;padding-top:72px;background:url(../images/zhenai.d7d8608.png) 100% no-repeat;background-size:100% 100%;width:36.92708%
}
.b-get-another .goto-register{display:block;width:257px;height:60px;color:#fff;border:1px solid #fff;z-index:2;border-radius:4px;margin:auto;line-height:60px;text-align:center;font-size:20px
}
.b-get-another .goto-icon{background:url(../images/arrow.b33f28b.png) no-repeat;width:22px;display:inline-block;height:22px;margin-left:20px;vertical-align:middle
}*{-moz-box-sizing:border-box;box-sizing:border-box}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,html,i,iframe,img,input,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,menu,nav,section{display:block}body{line-height:1}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:none}table{border-collapse:collapse;border-spacing:0}a{color:#7e8c8d;-webkit-backface-visibility:hidden;text-decoration:none}li{list-style:none}body{-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}body,input,textarea{font-family:PingFangSC-Regular,Microsoft YaHei,sans-serif}img,input{border:none}button,input,textarea{outline:none}img{vertical-align:bottom;max-width:100%}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none}input[type=number]{-moz-appearance:textfield}::-ms-clear,::-ms-reveal{display:none}.f-text-center{text-align:center}.f-text-left{text-align:left}.f-text-right{text-align:right}.f-block{display:block}.f-inline-block{display:inline-block}.f-inline{display:inline}.f-cl:after,.f-cl:before{display:table;content:""}.f-cl:after,.f-cl:before{clear:both}.f-fl{float:left}.f-fr{float:right}.f-clamp1{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.f-clamp2{-webkit-line-clamp:2}.f-clamp3{-webkit-line-clamp:3}.f-clamp4{-webkit-line-clamp:4}.f-clamp2,.f-clamp3,.f-clamp4{display:-webkit-box;word-break:break-all;-webkit-box-orient:vertical;line-break:loose;overflow:hidden}.f-color-purple{color:#9463f7}body{min-width:1200px}.u-fc-purple{color:#8b76f9}
.f-text-center[data-v-3c1fd74e]{text-align:center
}
.f-text-left[data-v-3c1fd74e]{text-align:left
}
.f-text-right[data-v-3c1fd74e]{text-align:right
}
.f-block[data-v-3c1fd74e]{display:block
}
.f-inline-block[data-v-3c1fd74e]{display:inline-block
}
.f-inline[data-v-3c1fd74e]{display:inline
}
.f-cl[data-v-3c1fd74e]:after,.f-cl[data-v-3c1fd74e]:before{display:table;content:""
}
.f-cl[data-v-3c1fd74e]:after,.f-cl[data-v-3c1fd74e]:before{clear:both
}
.f-fl[data-v-3c1fd74e]{float:left
}
.f-fr[data-v-3c1fd74e]{float:right
}
.f-clamp1[data-v-3c1fd74e]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden
}
.f-clamp2[data-v-3c1fd74e]{-webkit-line-clamp:2
}
.f-clamp3[data-v-3c1fd74e]{-webkit-line-clamp:3
}
.f-clamp4[data-v-3c1fd74e]{-webkit-line-clamp:4
}
.f-clamp2[data-v-3c1fd74e],.f-clamp3[data-v-3c1fd74e],.f-clamp4[data-v-3c1fd74e]{display:-webkit-box;word-break:break-all;-webkit-box-orient:vertical;line-break:loose;overflow:hidden
}
.f-color-purple[data-v-3c1fd74e]{color:#9463f7
}
.TOPBAR[data-v-3c1fd74e]{-moz-box-sizing:border-box;box-sizing:border-box;padding:20px 0;height:85px;background:-webkit-linear-gradient(224.2deg,#8070f1,#b06cef);background:-moz-linear-gradient(224.2deg,#8070f1,#b06cef);background:linear-gradient(-134.2deg,#8070f1,#b06cef);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffb06cef",endColorstr="#ff8070f1",GradientType=1);box-shadow:0 2px 11px 0 hsla(0,0%,64%,.3)
}
.TOPBAR h1[data-v-3c1fd74e]{position:relative;top:4px;display:inline-block;width:92px;height:0;padding-top:40px;text-indent:1000em;overflow:hidden;background:0 0 no-repeat url(../images/logo.28b54ad.png);background-size:100% 100%
}
.TOPBAR .des[data-v-3c1fd74e]{margin-left:28px;margin-top:8px
}
.TOPBAR .des p[data-v-3c1fd74e],.TOPBAR .top-register[data-v-3c1fd74e]{font-size:14px;color:#fff;line-height:20px;font-weight:200
}
.TOPBAR .top-register[data-v-3c1fd74e]{margin-top:30px
}
.TOPBAR .top-register span[data-v-3c1fd74e]{text-decoration:underline;cursor:pointer
}
.CONTAINER{margin-left:auto;margin-right:auto
}
.CONTAINER.primary{width:1200px
}
.BTN{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:14px;cursor:pointer
}
.BTN,.BTN .BTN-box{border-radius:4px;overflow:hidden\0
}
.BTN .BTN-box{height:40px;line-height:40px;white-space:nowrap;padding:0 20px;text-align:center;color:#fff;background:-webkit-linear-gradient(225deg,#856df1,#a468ef);background:-moz-linear-gradient(225deg,#856df1,#a468ef);background:linear-gradient(-135deg,#856df1,#a468ef);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff856df1",endColorstr="#ffa468ef",GradientType=0)
}
.BTN.disabled:hover{opacity:1
}
.BTN.disabled .BTN-box{background:#d9d9d9!important;color:#4d4d4d;-webkit-filter:none;filter:none;color:#fff;cursor:not-allowed
}
.BTN:hover{opacity:.9
}
.BTN:active{opacity:1
}
.BTN .primary{background:-webkit-linear-gradient(225deg,#856df1,#a468ef);background:-moz-linear-gradient(225deg,#856df1,#a468ef);background:linear-gradient(-135deg,#856df1,#a468ef);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff856df1",endColorstr="#ffa468ef",GradientType=0)
}
.BTN .plain{border:1px solid #fff;background:transparent
}
.BTN .plain,.BTN .pure{-webkit-filter:none;filter:none
}
.BTN .pure{background:#9463f7
}
.c-register-form{width:100%;height:100%;border-radius:4px;background:rgba(0,0,0,.65);box-shadow:0 2px 11px 0 rgba(0,0,0,.5);padding:0 30px;position:relative;
}
.b-title{color:#fff;font-size:24px;line-height:86px;text-align:center;height:80px;border-bottom:1px solid #eee
}
.b-form{padding-top:20px;margin-bottom:36px;font-size:18px
}
.form-field{height:36px;margin-top:15px
}
.form-field:first-child{margin-top:0
}
.form-name{line-height:36px;margin-right:2px;color:#fff
}
.form-contnet{position:relative
}
.form-contnet .success-icon{position:absolute;width:15px;height:15px;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);right:-24px;background:url(../images/right-notice.d3afef6.png) no-repeat
}
.notice{right:-22px
}
.form-item-input .tips-bottom{position:absolute;left:18px;top:36px
}
.form-item-input .tips-bottom:before{content:"";width:14px;height:14px;display:block;position:absolute;background:url(../images/error-notice.f6715bb.png) no-repeat;left:-16px;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)
}
.btn-actions{position:relative
}
.server-error-tips{font-size:12px;color:#fe4a3a;text-align:center;line-height:1;position:absolute;width:100%;top:-18px
}
.ZA-FORM-ITEM{position:relative
}
.za-form-item_tip{font-size:12px;width:100%;color:#fe4a3a;text-align:left;line-height:24px;white-space:nowrap
}
.za-form-item_tip-bottom{position:absolute;left:0
}
.za-form-item_tip-inline,.za-form-item_tip-right{position:absolute;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);text-align:left
}
.za-form-item_tip-inline{display:inline-block;width:auto;float:left;margin-left:12px
}
.ZA-RADIO{display:inline-block;line-height:40px;cursor:pointer
}
.ZA-RADIO+.ZA-RADIO{margin-left:20px
}
.ZA-RADIO .label{position:relative;top:1px;display:inline-block;width:14px;height:14px;border-radius:50%;border:1px solid #979797
}
.ZA-RADIO .label.checked{border:3px solid #8b76f9
}
.ZA-RADIO-theme-dark{color:#fff;line-height:36px
}
.ZA-RADIO-theme-dark .label{width:16px;height:16px;background-color:#fff;border:1px solid #fff
}
.m-datepicker[data-v-be436522]{position:relative;z-index:18
}
.m-datepicker .value[data-v-be436522]{display:inline-block;width:90px;height:40px;border-radius:4px;padding:0 8px;background-color:#f4f4f4;color:#333;text-align:right;line-height:40px;cursor:pointer;font-size:14px
}
.m-datepicker .default-value[data-v-be436522]{color:#ababab
}
.m-datepicker .select-value[data-v-be436522]{color:#333
}
.m-datepicker .title[data-v-be436522]{padding-bottom:10px;line-height:26px;text-align:center;font-weight:700
}
.m-datepicker .picker[data-v-be436522]{width:378px;font-size:16px;min-height:222px;position:absolute;left:0;top:100%;margin-top:-4px;padding:15px;z-index:20;background:#fff;border-radius:4px;box-shadow:0 2px 8px 0 hsla(0,0%,64%,.3)
}
.m-datepicker .picker.yearPicker[data-v-be436522]{width:530px
}
.m-datepicker .picker .year[data-v-be436522]{white-space:nowrap
}
.m-datepicker .picker[data-v-be436522]:hover{display:block
}
.m-datepicker .picker .name[data-v-be436522]{font-weight:700
}
.m-datepicker .picker .option[data-v-be436522]{display:inline-block;padding:4px;color:#333;border-radius:4px;text-align:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none
}
.m-datepicker .picker .option[data-v-be436522]:hover{background-color:#d9d9d9
}
.m-datepicker .picker.monthPicker .option[data-v-be436522]{width:8.33333%
}
.m-datepicker .picker.dayPicker .option[data-v-be436522]{width:10%
}
.m-datepicker .b-field-input[data-v-be436522]{margin-left:10px
}
.m-datepicker .b-field-input[data-v-be436522]:first-child{margin-left:0
}
.theme-register .value[data-v-be436522]{width:90px
}
.theme-register .default-value[data-v-be436522]{color:#333
}
.theme-register-info .value[data-v-be436522]{width:100px;text-align:center
}
.theme-register-info .default-value[data-v-be436522]{color:#ababab
}
.theme-register-info .select-value[data-v-be436522]{color:#333
}
.theme-register-dark .value[data-v-be436522]{width:90px;height:36px;color:#fff;font-size:18px;line-height:36px;background-color:hsla(0,0%,100%,.25)
}
.theme-register-dark .default-value[data-v-be436522]{color:#fff
}
.m-address-picker{position:relative
}
.m-address-picker:hover{z-index:10
}
.m-address-picker .dashed-line{height:1px;margin:5px 0 15px;overflow:hidden;border-bottom:1px dashed #ccc;clear:both
}
.m-address-picker .value{display:inline-block;width:90px;overflow:hidden;height:40px;padding:0 8px;border-radius:4px;background-color:#f4f4f4;color:#333;text-align:right;line-height:40px;cursor:pointer;font-size:14px
}
.m-address-picker .full-filed{padding:0 8px 0 2px
}
.m-address-picker .full-filed span{display:inline-block;text-overflow:ellipsis;overflow:hidden;max-width:5em;white-space:nowrap
}
.m-address-picker .title{padding-bottom:10px;line-height:26px;text-align:center;font-weight:700
}
.m-address-picker .picker{width:378px;min-height:222px;position:absolute;left:0;top:100%;margin-top:-4px;z-index:10;padding:15px;background:#fff;border-radius:4px;box-shadow:0 2px 8px 0 hsla(0,0%,64%,.3)
}
.m-address-picker .picker.yearPicker .option{width:60px
}
.m-address-picker .picker:hover{display:block
}
.m-address-picker .picker .name{font-weight:700
}
.m-address-picker .picker .option{display:inline-block;white-space:nowrap;margin-bottom:10px;margin-right:5px;padding:4px;color:#333;border-radius:4px;text-align:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none
}
.m-address-picker .picker .option:hover{background-color:#d9d9d9
}
.m-address-picker .b-field-input{margin-left:10px
}
.m-address-picker .b-field-input:first-child{margin-left:0
}
.theme-register .value{width:90px
}
.theme-register .default-value{color:#333
}
.theme-register-info .value{width:100px;text-align:center
}
.theme-register-info .default-value{color:#ababab
}
.theme-register-info .select-value{font-size:14px;color:#333
}
.theme-register-dark .value{width:90px;height:36px;color:#fff;font-size:18px;line-height:36px;background-color:hsla(0,0%,100%,.25)
}
.theme-register-dark .default-value{color:#fff
}
.c-sroll-view{overflow:hidden
}
.c-sroll-view img{width:100%
}
.c-tag-logos[data-v-3403ede3]{height:510px;width:1100px;position:absolute;left:0;right:0;margin:203px auto 0;z-index:2
}
.b-tags[data-v-3403ede3]{width:320px
}
.tags[data-v-3403ede3]{width:328px;font-size:18px;line-height:30px;margin-right:-12px;margin-top:75px
}
.tag-btn-warpper[data-v-3403ede3]{margin-right:12px;margin-bottom:14px;position:relative
}
.tag-btn[data-v-3403ede3]{overflow:hidden;cursor:pointer;height:30px;color:#bdbdbd;border:1px solid #bdbdbd;border-radius:15px;-moz-box-sizing:border-box;box-sizing:border-box
}
.tag-btn span[data-v-3403ede3]{padding:0 16px;width:100%;display:block
}
.tag-btn-warpper-active[data-v-3403ede3]:before{display:block;content:"";position:absolute;width:80%;height:22px;border-radius:20px;top:4px;left:0;z-index:-1;right:0;margin:auto;box-shadow:0 10px 20px rgba(156,142,240,.6486)
}
.tag-btn-warpper-active .tag-btn[data-v-3403ede3]{color:#fff;border:1px solid #9c8ef0;position:relative
}
.tag-btn-warpper-active .tag-btn span[data-v-3403ede3]{background-color:#9c8ef0
}
.b-logos[data-v-3403ede3]{width:510px;height:510px
}
.logo[data-v-3403ede3]{width:150px;height:150px;cursor:pointer;margin-right:30px;margin-bottom:30px;overflow:hidden
}
.logo[data-v-3403ede3]:nth-child(3n){margin-right:0
}
.logo[data-v-3403ede3]:nth-child(n+7):nth-child(-n+9){margin-bottom:0
}
.logo img[data-v-3403ede3]{height:100%
}
.logo img[data-v-3403ede3],.logo span[data-v-3403ede3]{width:100%;-webkit-transition:-webkit-transform .3s linear;transition:-webkit-transform .3s linear;-moz-transition:transform linear .3s,-moz-transform linear .3s;transition:transform .3s linear;transition:transform .3s linear,-webkit-transform .3s linear,-moz-transform .3s linear
}
.logo span[data-v-3403ede3]{display:block;height:40px;background-color:RGBA(156,142,240,.57);line-height:40px;font-size:18px;color:#fff;text-align:center
}
.logo:hover img[data-v-3403ede3]{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)
}
.logo:hover span[data-v-3403ede3]{-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%)
}
.c-block-title h3[data-v-5c9e157c]{color:#333;font-size:36px;line-height:1;margin-bottom:10px
}
.c-block-title .top-title[data-v-5c9e157c]{color:#9c8eef;font-size:18px;line-height:25px;margin-bottom:8px
}
.c-block-title .sub-title[data-v-5c9e157c]{color:#999;font-size:16px;line-height:1
}
.c-red-girl-service[data-v-370aabf4]{padding-top:105px
}
.service-list[data-v-370aabf4]{margin-top:56px
}
.service-item[data-v-370aabf4]{margin-bottom:58px
}
.service-item[data-v-370aabf4]:nth-child(2){margin-top:196px
}
.head[data-v-370aabf4]{max-width:500px
}
.number[data-v-370aabf4]{vertical-align:sub;font-size:80px;line-height:80px;color:RGBA(156,142,239,.6);font-weight:bolder
}
.number[data-v-370aabf4],.title[data-v-370aabf4]{display:inline-block;float:left
}
.title[data-v-370aabf4]{margin-left:15px
}
.top-title[data-v-370aabf4]{color:#333;font-size:23px;line-height:1;margin-top:16px
}
.sub-title[data-v-370aabf4]{font-size:14px;line-height:18px;margin-top:9px;color:#ababab;max-width:366px
}
.show-img[data-v-370aabf4]{background:#ddd;height:289px;width:500px;margin-top:10px
}
.service-item-show .head[data-v-370aabf4],.service-item-show .show-img[data-v-370aabf4]{-webkit-animation:a-data-v-370aabf4 ease-in-out .8s;-moz-animation:a-data-v-370aabf4 ease-in-out .8s;animation:a-data-v-370aabf4 ease-in-out .8s;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;animation-fill-mode:forwards;opacity:0
}
.service-item-hide .head[data-v-370aabf4],.service-item-hide .show-img[data-v-370aabf4]{-webkit-animation:b-data-v-370aabf4 ease-in-out .8s;-moz-animation:b-data-v-370aabf4 ease-in-out .8s;animation:b-data-v-370aabf4 ease-in-out .8s;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;animation-fill-mode:forwards;opacity:1
}
@-webkit-keyframes a-data-v-370aabf4{
0%{opacity:0;-webkit-transform:translateY(100px);transform:translateY(100px)
}
to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)
}
}
@-moz-keyframes a-data-v-370aabf4{
0%{opacity:0;-moz-transform:translateY(100px);transform:translateY(100px)
}
to{opacity:1;-moz-transform:translateY(0);transform:translateY(0)
}
}
@keyframes a-data-v-370aabf4{
0%{opacity:0;-webkit-transform:translateY(100px);-moz-transform:translateY(100px);transform:translateY(100px)
}
to{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);transform:translateY(0)
}
}
@-webkit-keyframes b-data-v-370aabf4{
0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)
}
to{opacity:0;-webkit-transform:translateY(100px);transform:translateY(100px)
}
}
@-moz-keyframes b-data-v-370aabf4{
0%{opacity:1;-moz-transform:translateY(0);transform:translateY(0)
}
to{opacity:0;-moz-transform:translateY(100px);transform:translateY(100px)
}
}
@keyframes b-data-v-370aabf4{
0%{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);transform:translateY(0)
}
to{opacity:0;-webkit-transform:translateY(100px);-moz-transform:translateY(100px);transform:translateY(100px)
}
}
.c-self-help[data-v-a522e114]{padding-left:40px;padding-right:40px;padding-top:177px
}
.intro-video-wrapper[data-v-a522e114]{width:383px;height:728px;background-position:50%;position:relative;overflow:hidden
}
.intro-video-wrapper .video-cover[data-v-a522e114]{position:absolute;width:100%;height:100%;background:url(../images/phone.c24c616.png) no-repeat;background-position:50%;z-index:2
}
.intro-video-wrapper .video-wrapper[data-v-a522e114]{background:#fff;width:298px;height:646px;position:absolute;top:50%;z-index:1;left:50%;background-color:#fff;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)
}
.intro-video-wrapper .video-fade-bef[data-v-a522e114]{-webkit-animation:a-data-v-a522e114 ease-in-out .4s;-moz-animation:a-data-v-a522e114 ease-in-out .4s;animation:a-data-v-a522e114 ease-in-out .4s
}
.intro-video-wrapper .video-fade-aft[data-v-a522e114]{-webkit-animation:b-data-v-a522e114 ease-in-out .4s;-moz-animation:b-data-v-a522e114 ease-in-out .4s;animation:b-data-v-a522e114 ease-in-out .4s
}
.intro-select[data-v-a522e114]{width:390px
}
.selects[data-v-a522e114]{width:100%;margin-top:80px;height:347px
}
.options[data-v-a522e114]{box-shadow:0 0 10px 0 rgba(186,184,233,.5);padding:10px 14px 8px;margin-bottom:18px;height:50px;background-color:#fff;-webkit-transition:all .5s ease-out;-moz-transition:all ease-out .5s;transition:all .5s ease-out;border-radius:4px
}
.icon[data-v-a522e114]{width:32px;height:32px;background:url(../images/app-icons.782629d.png) no-repeat;background-size:100%
}
.title[data-v-a522e114]{margin-left:42px;cursor:pointer;border-radius:4px
}
.title .top-title[data-v-a522e114]{font-size:18px;line-height:32px;color:#bbbbbc;-webkit-transition:all .5s ease-out;-moz-transition:all ease-out .5s;transition:all .5s ease-out
}
.title .sub-title[data-v-a522e114]{opacity:0;font-size:16px;line-height:22px
}
.options-active[data-v-a522e114]{height:75px
}
.options-active .title .top-title[data-v-a522e114]{font-size:22px;line-height:32px;color:#333
}
.options-active .title .sub-title[data-v-a522e114]{opacity:1;color:#96959a;margin-bottom:3px;-webkit-transition:all .5s ease-out .2s;-moz-transition:all .5s ease-out .2s;transition:all .5s ease-out .2s
}
@-webkit-keyframes a-data-v-a522e114{
0%{opacity:1
}
to{opacity:0
}
}
@-moz-keyframes a-data-v-a522e114{
0%{opacity:1
}
to{opacity:0
}
}
@keyframes a-data-v-a522e114{
0%{opacity:1
}
to{opacity:0
}
}
@-webkit-keyframes b-data-v-a522e114{
0%{opacity:0
}
to{opacity:1
}
}
@-moz-keyframes b-data-v-a522e114{
0%{opacity:0
}
to{opacity:1
}
}
@keyframes b-data-v-a522e114{
0%{opacity:0
}
to{opacity:1
}
}
.c-love-story[data-v-40c4c9a2]{margin:0 70px;overflow:hidden;margin-top:-25px
}
.story[data-v-40c4c9a2]{width:280px;display:inline-block;vertical-align:middle;margin-right:20px;height:400px;-webkit-transition:all .2s ease-in-out;-moz-transition:all ease-in-out .2s;transition:all .2s ease-in-out;-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;-moz-transition:transform ease-in-out .3s,-moz-transform ease-in-out .3s;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out,-moz-transform .3s ease-in-out
}
.story[data-v-40c4c9a2]:last-child{margin-right:0
}
.list-center[data-v-40c4c9a2]{margin:0 auto
}
.love-story-list[data-v-40c4c9a2]{width:2400px;padding:25px 0;-webkit-transition:-webkit-transform .4s ease-in-out;transition:-webkit-transform .4s ease-in-out;-moz-transition:transform ease-in-out .4s,-moz-transform ease-in-out .4s;transition:transform .4s ease-in-out;transition:transform .4s ease-in-out,-webkit-transform .4s ease-in-out,-moz-transform .4s ease-in-out
}
.love-title[data-v-40c4c9a2]{margin:20px 0 9px;font-size:20px;line-height:28px;color:#333;font-weight:400
}
.love-desc[data-v-40c4c9a2],.love-title[data-v-40c4c9a2]{padding-left:8px;padding-right:8px
}
.love-desc[data-v-40c4c9a2]{font-size:16px;line-height:22px;color:#999
}
.love-img[data-v-40c4c9a2]{position:relative
}
.love-img img[data-v-40c4c9a2]{width:100%;height:210px
}
.love-review[data-v-40c4c9a2]{opacity:0;-webkit-transition:opacity .3s linear;-moz-transition:opacity linear .3s;transition:opacity .3s linear
}
.love-review[data-v-40c4c9a2],.review-bg[data-v-40c4c9a2]{position:absolute;top:0;left:0;width:100%;height:100%
}
.review-bg[data-v-40c4c9a2]{z-index:1;background-color:RGBA(156,142,240,.7)
}
.review-btn[data-v-40c4c9a2]{display:block;width:204px;height:50px;color:#fff;border:1px solid #fff;position:absolute;z-index:2;border-radius:4px;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);left:0;right:0;margin:auto;line-height:50px;text-align:center;font-size:18px
}
.goto-icon[data-v-40c4c9a2]{background:url(../images/arrow.b33f28b.png) no-repeat;width:22px;display:inline-block;height:22px;margin-left:20px;vertical-align:middle
}
.story[data-v-40c4c9a2]:hover{-webkit-transform:translateY(-3px);-moz-transform:translateY(-3px);-ms-transform:translateY(-3px);transform:translateY(-3px);box-shadow:0 -4px 25px 0 rgba(186,184,233,.5)
}
.story:hover .love-review[data-v-40c4c9a2],.story:hover .review-bg[data-v-40c4c9a2]{opacity:1;-webkit-transition:opacity .3s linear;-moz-transition:opacity linear .3s;transition:opacity .3s linear
}
.story:hover .love-desc[data-v-40c4c9a2]{-webkit-transform:translateY(-1px);-moz-transform:translateY(-1px);-ms-transform:translateY(-1px);transform:translateY(-1px)
}
.control[data-v-40c4c9a2]{margin:49px auto 0;width:160px
}
.control-block[data-v-40c4c9a2]{width:40px;height:40px;cursor:pointer;border-radius:50%;background:url(../images/arrow.08dd6b2.png) no-repeat;background-size:20px;background-position:50%
}
.control-block[data-v-40c4c9a2]:hover{box-shadow:0 0 10px 0 rgba(186,184,233,.5)
}
.control-block.next[data-v-40c4c9a2]{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)
}
.COPYRIGHT[data-v-cd4dbc30]{margin:90px auto 50px;text-align:center;color:#333;font-size:14px
}
.COPYRIGHT .brand[data-v-cd4dbc30]{margin-top:15px
}
.COPYRIGHT p[data-v-cd4dbc30]{line-height:26px
}
.COPYRIGHT a[data-v-cd4dbc30]{color:#333
}
.COPYRIGHT a[data-v-cd4dbc30]:hover{text-decoration:underline
}
.COPYRIGHT .quick a[data-v-cd4dbc30]{cursor:pointer;padding:0 8px
}
.COPYRIGHT .out-link[data-v-cd4dbc30]{margin-top:10px
}
.COPYRIGHT .out-link img[data-v-cd4dbc30]{max-height:36px
}
.COPYRIGHT .city[data-v-cd4dbc30]{padding-bottom:20px;border-bottom:1px solid #e5e5e5;width:1200px;line-height:1.6em;margin:0 auto 30px
}
.COPYRIGHT .city a[data-v-cd4dbc30]{margin:0 5px
}
.bg-purple[data-v-72a1b75c]{background:#996ef0!important;opacity:1!important
}
.opacity-scroll[data-v-72a1b75c]{-webkit-transition:background .3s ease-in-out;-moz-transition:background .3s ease-in-out;transition:background .3s ease-in-out
}
.m-relative[data-v-72a1b75c]{position:relative
}
.m-fixed[data-v-72a1b75c]{position:fixed
}
.overflow-div[data-v-72a1b75c]{overflow:hidden
}
.top-bar[data-v-72a1b75c]{z-index:24;width:100%;height:80px;background:-webkit-linear-gradient(136deg,#8070f1,#b06cef);background:-moz-linear-gradient(136deg,#8070f1 0,#b06cef 100%);background:linear-gradient(314deg,#8070f1,#b06cef);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffb06cef",endColorstr="#ff8070f1",GradientType=1);box-shadow:0 2px 11px 0 hsla(0,0%,64%,.3)
}
.top-bar.ie9-background[data-v-72a1b75c]{-webkit-filter:none;filter:none
}
.top-bar img[data-v-72a1b75c]{margin:20px 70px 0 0;width:92px;height:40px
}
.top-bar .link-data[data-v-72a1b75c]{height:80px;line-height:80px;font-size:16px;font-weight:500;color:#fff
}
.top-bar .link-data span[data-v-72a1b75c]{cursor:pointer;margin-right:52px
}
.top-bar .link-data .current-active[data-v-72a1b75c]{position:relative
}
.top-bar .link-data .current-active[data-v-72a1b75c]:after{content:"";position:absolute;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);bottom:-18px;width:30px;height:3px;background:#fff;border-radius:2px
}
.top-bar .part-margin-left[data-v-72a1b75c]{margin-right:-300px
}
.top-bar .right-part .is-login[data-v-72a1b75c]{width:584px;height:80px;line-height:56px
}
.top-bar .right-part .is-login .z-index-up[data-v-72a1b75c]{z-index:33
}
.top-bar .right-part .is-login .z-index-down[data-v-72a1b75c]{z-index:-11
}
.top-bar .right-part .is-login .right-mail[data-v-72a1b75c]{position:absolute;width:190px;height:214px;z-index:22
}
.top-bar .right-part .is-login .right-mail img[data-v-72a1b75c]{margin:0;width:30px;height:30px
}
.top-bar .right-part .is-login .right-mail .mail-icon[data-v-72a1b75c]{cursor:pointer;margin-left:120px;position:relative;width:60px;text-align:right;height:80px
}
.top-bar .right-part .is-login .right-mail .mail-icon .right-count[data-v-72a1b75c]{position:absolute;right:-14px;top:18px;font-size:14px;font-weight:400;display:inline-block;padding:0 5px;height:18px;background:#ff7351;border-radius:4px;color:#fff;line-height:17px
}
.top-bar .right-part .is-login .right-mail .mail-data[data-v-72a1b75c]{position:absolute;top:80px;right:0;padding:10px 10px 0 20px;width:160px;height:134px;background:#fff;box-shadow:0 2px 8px 0 hsla(0,0%,79%,.5);border-radius:4px
}
.top-bar .right-part .is-login .right-mail .mail-data[data-v-72a1b75c]:after{content:"";position:absolute;top:-20px;right:20px;-moz-box-sizing:border-box;box-sizing:border-box;width:10px;height:0;border:10px solid transparent;border-bottom:10px solid #fff
}
.top-bar .right-part .is-login .right-mail .mail-data div[data-v-72a1b75c]{cursor:pointer;height:42px;font-size:14px;font-weight:400;color:#333;line-height:42px
}
.top-bar .right-part .is-login .right-mail .mail-data div span[data-v-72a1b75c]{position:absolute;right:10px;margin-top:10px;display:inline-block;padding:0 5px;height:18px;background:#ff7351;border-radius:4px;color:#fff;line-height:20px
}
.top-bar .right-part .is-login .right-me[data-v-72a1b75c]{position:absolute;width:190px;height:300px;margin-left:70px
}
.top-bar .right-part .is-login .right-me .me-icon[data-v-72a1b75c]{margin-left:120px;position:relative;width:60px;text-align:right;height:80px;cursor:pointer
}
.top-bar .right-part .is-login .right-me .me-icon img[data-v-72a1b75c]{margin:0;width:30px;height:30px
}
.top-bar .right-part .is-login .right-me .me-data[data-v-72a1b75c]{position:absolute;top:80px;right:-6px;width:160px;background:#fff;box-shadow:0 2px 8px 0 hsla(0,0%,79%,.5);border-radius:4px
}
.top-bar .right-part .is-login .right-me .me-data[data-v-72a1b75c]:after{content:"";position:absolute;top:-20px;right:20px;-moz-box-sizing:border-box;box-sizing:border-box;width:10px;height:0;border:10px solid transparent;border-bottom:10px solid #fff
}
.top-bar .right-part .is-login .right-me .me-data div[data-v-72a1b75c]{cursor:pointer;height:42px;padding:0 10px;font-size:14px;font-weight:400;color:#333;line-height:42px
}
.top-bar .right-part .is-login .right-me .me-data .border-top[data-v-72a1b75c]{border-top:1px solid #efefef
}
.bg-transparent[data-v-72a1b75c]{background:transparent!important;box-shadow:none!important;-webkit-filter:none;filter:none
}
*{
    margin: 0;
    padding: 0;
}
.ku,.ku1{
    width: 108px;
    border: 1px white;
    height: 35px;
    float: left;
    margin-top: 9px;
    margin-left: 15px;
    background-color: #474747;
    border-radius: 5px;
    text-align-all: center;
    color: white;
    font-size: 15px;
}

.xiala,.xiala2{
    width: 440px;
    height: 360px;
    background: #ffffff;
    position: absolute;
    top:36px;
    left: -2px;
    display: none;
    border: 2px solid #c9cbce;
    z-index: 999;
    color:#666;
    font-size: 14px;
}
.xiala:before, .xiala:after,.xiala2:before, .xiala2:after{
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-width: 10px;
    border-style: solid;
    position: absolute;
    left: 20px;
    z-index: 999999;
}
.xiala:before,.xiala2:before{
    border-color: rgba(181, 70, 70, 0) rgba(16, 15, 15, 0) #fff;
    top: -17px;
    z-index: 9999999;
}
.xiala:after,.xiala2:after{
    border-color: transparent transparent #c9cbce;
    top: -20px;
}
.xiala>h1,.xiala2>h1{
    width: 430px;
    font-size: 14px;
    font-weight: normal;
    color:#333;
    height: 35px;
    border-bottom: 1px solid #ddd;
    margin: 0 auto;
}
.xiala>h1>span,.xiala2>h1>span{
    display: block;
    float: right;
    width: 50px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    background: #00a6e2;
    margin-right: 10px;
    color: #fff;
    margin-top: 8px;
}
.xiala>div,.xiala2>div{
    width: 78px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    float: left;
    margin: 5px;
    background: #f5f5f5;
    position: relative;
    color:#333;
}
.xiala>div>p,.xiala2>div>p{
    display: none;
    width: 370px;
    height: 220px;
    background: #fff;
    position: relative;
    padding: 10px 5px;
    top:10px;
    left: -1px;
    z-index: 1;
    border: 2px solid #c9cbce;
}
.xiala>div>p:before, .xiala>div>p:after,.xiala2>div>p:before, .xiala2>div>p:after{
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-width: 10px;
    border-style: solid;
    position: absolute;
    left: 20px;
    z-index: 999999;
}
.xiala>div>p:before,.xiala2>div>p:before{
    border-color: rgba(181, 70, 70, 0) rgba(16, 15, 15, 0) #fff;
    top: -17px;
    z-index: 9999999;
}
.xiala>div>p:after,.xiala2>div>p:after{
    border-color: transparent transparent #c9cbce;
    top: -20px;
}
.xiala>div>p>div,.xiala2>div>p>div{
    margin: 5px;
    float: left;
    position: relative;
    padding: 0px 10px;
    background: #f5f5f5;
    color:#333;
}


#province,#city,#county{
    display: none;
}
.sex,.marry{ overflow: hidden; }
.sex span,.marry span{ display: inline-block;
    color: white;
    width: 65px;
    text-align: center;
    margin-left: 10px;
}
.sex i ,.marry i{
    display: block;
    float: left;
    width: 14px;
    height: 14px;
    border: 2px solid #06669b;
    background-color: #fff;
    border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;

    margin-top: 12px;
}
.sex span.cur i ,.marry span.cur i{background: #9b6820 }
#selDay,#selMonth,#selYear {
    width: 80px;
    margin-left: 3px;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    border-style: none;
    border-radius: 4px;
    height: 34px;
    background: #474747;
    color: white;
}